<div class="detaillist filemanage">
  <table class="table table-hover table-striped align-middle" style="table-layout:fixed;">
    <thead class="file-item-hide">
      <tr>
        <th width="30px"></th>
        <th disp="0" class=" detail_header detail_header_0" width="50%">
          <div class="detail_header_td_div"><span class="detail_header_title">{lang filename}</span>
            <a class="detail_header_asc detail_header_asc_{asc_0}" style="display:{show_0};">
              <span class="mdi mdi-chevron-up"></span>
              <span class="mdi mdi-chevron-down"></span>
            </a>
          </div>
        </th>
        <th disp="1" class="detail_header detail_header_1" width="15%">
          <div class="detail_header_td_div"><span class="detail_header_title">{lang big_small}</span>
          <a class="detail_header_asc detail_header_asc_{asc_1}" style="display:{show_1};">
            <span class="mdi mdi-chevron-up"></span>
            <span class="mdi mdi-chevron-down"></span>
          </a>
          </div>
        </th>
        <th disp="2" class="detail_header detail_header_2" width="15%">
        <div class="detail_header_td_div"><span class="detail_header_title">{lang type}</span>
            <a class="detail_header_asc detail_header_asc_{asc_2}" style="display:{show_2};">
              <span class="mdi mdi-chevron-up"></span>
              <span class="mdi mdi-chevron-down"></span>
            </a>
          </div>
        </th>
        <th disp="3" class="detail_header detail_header_3" width="20%"><div class="detail_header_td_div"><span class="detail_header_title">{lang edit_date}</span><a class="detail_header_asc detail_header_asc_{asc_3}" style="display:{show_3};">
          <span class="mdi mdi-chevron-up"></span>
          <span class="mdi mdi-chevron-down"></span>
        </a></div></th>
      </tr>
    </thead>
    <tbody class="js-file-item-tpl">
      <tr id="Icoblock_detail_{rid}" class="detail_tr Icoblock" rid="{rid}">
        <td class="detail_item_td " valign="middle" width="30px" style="overflow:hidden;padding:0;padding-left:0.5rem;"><a class="selectbox mdi mdi-checkbox-blank-outline fs-5" rid="{rid}" title="{lang choose}"></a></td>
        <td class="detail_item_td " valign="middle" width="100%" style="overflow:hidden;position:relative">
          <div class="file-info-col toggleGlow" rid="{rid}">
            <div class="thumbnail">
                <img class="detail_item_name_icon" tsrc="{img}" title="{name}" error="dzz/images/default/icodefault.png" onerror="jQuery(this).attr('src',jQuery(this).attr('error'))" data-start="image" data-original="index.php?mod=io&op=thumbnail&original=1&path={dpath}" data-download="index.php?mod=io&op=download&path={dpath}" data-end="image" />
            </div>
            <div class="file-name-wrapper">
              <div class="filename"><span class="editable-name detail_text" id="file_text_{rid}">{name}</span>{collectstatus}</div>
                <div class="text-muted small file-item-block text-truncate">{fdateline} {fsize}</div>
            </div>
          </div>
          <div class="hoverTools">
            <button type="button" class="btn download dcolor" onclick="_filemanage.downAttach('{rid}')"><i class="mdi mdi-download" title="{lang download}"></i></button>
              <button type="button" class="btn share dcolor" onclick="_filemanage.share('{rid}','{rids}')"><i class="mdi mdi-share-variant" title="{lang share}"></i> </button>
          </div>
        </td>
        <td class="detail_item_td detail_item_td_size file-item-hide" valign="middle" width="15%">
          <span title="{fsize}">{fsize}</span>
        </td>
        <td class="detail_item_td detail_item_td_type file-item-hide" valign="middle" width="15%">
            <span title="{ftype}">{ftype}</span>
        </td>
        <td class="detail_item_td detail_item_td_date file-item-hide" valign="middle" width="20%">
          <span title="{fdateline}">{fdateline}</span>
        </td>
      </tr>
    </tbody>
  </table>
</div>



        